<template>
  <div>
    <van-nav-bar title="编辑收货地址" left-arrow @click-left="$router.go(-1)" />
    <van-cell-group inset>
      <!-- 输入任意文本 -->
      <van-field v-model="text" label="文本" placeholder="收货人姓名" />
      <!-- 输入手机号，调起手机号键盘 -->
      <van-field
        v-model="tel"
        type="tel"
        label="手机号"
        placeholder="收货人手机号"
      />
      <van-area
        title="标题"
        :area-list="areaList"
        value="{{value}}"
        @confirm="save()"
        @cancel="cancel()"
      />
    </van-cell-group>
  </div>
</template>

<script>
import { areaList } from "@vant/area-data";

export default {
  data() {
    return {
      value: "",
    };
  },
  setup() {
    return { areaList };
  },
  methods: {},
};
</script>

<style></style>
